// 近7次测量结果血糖记录
$(function(){
	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main1'));
    // 指定图表的配置项和数据
    var option = {
        grid: {
	    	top:'30',
            left: '20',   //图表距边框的距离
            right: '20',
            bottom: '0',
            containLabel: true
        },
	    xAxis: {
	        type: 'category',
            axisLabel: {
                textStyle: {
                	color:'#333',
                    fontSize: 12,
				},
            },
            axisTick:{
                show:false  //去掉y轴刻度线
            },
            
            //坐标轴颜色
            axisLine:{
                show:false,
            },
	        data: ['2019-01-10', '2019-01-11', '2019-01-12', '2019-01-13', '2019-01-14', '2019-01-15', '2019-01-16']
	    },
	    yAxis: [
		    {
		    	type: 'value',
		    	min:3.2,
                max:7.4,
                interval:0.7,
		        splitLine: {
		            show: true ,
		            lineStyle: {
		                color: 'rgba(0, 0, 0, 0.08)',
		                width: '1'
		            }
		        },
	            axisLabel: {
	            	textStyle: {
	            		color:'#333',
	                    fontSize: 12,
					},
		            
	            },
	            
	            axisTick:{
	                show:false  //去掉y轴刻度线
	            },
		        //坐标轴颜色
	            axisLine:{
	                show:false,
	            },
		    },
	    ],
		visualMap:{
			orient:'horizontal',     //图例横向展示，vertical纵向展示   
			show:false,            //展示图例
			pieces:[   
				{
					min:3.2,
					max:7.4,
					symbol:'none',
					label:'血糖值',
					color:'#FA675C',
				}
			]
		},
	    series: [{
            name: '收缩压',
            type: 'line',
            markLine:{       //平均线设置
				silent:true,    //true 去掉鼠标悬浮该线上的动画
				symbol:'none',   //该线无样式
				label:{
					show:false     //该线上的值去掉
				},
				lineStyle:{        //设置该线样式
					normal:{
						type:'solid',
						color:'#1C9399'
					}
				},
				data:[{
						yAxis:6.1,    //线的值
						name:'target',
					}]
			},
			data: [5.2, 5.9, 7.0, 5.5, 4.0, 5.0, 5.5],
        },
        {	
            name: '',
            type: 'line',
            markLine:{       //平均线设置
				silent:true,    //true 去掉鼠标悬浮该线上的动画
				symbol:'none',   //该线无样式
				label:{
					show:false     //该线上的值去掉
				},
				lineStyle:{        //设置该线样式
					normal:{
						type:'solid',
						color:'#1C9399'
					}
				},
				data:[{
					yAxis:3.9,    //线的值
					name:'target',
				}]
			},
			data: [],
        },]
	};
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
})



// 近7次测量结果
$(function(){
	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main2'));
    // 指定图表的配置项和数据
    var option = {
        grid: {
	    	top:'30',
            left: '20',   //图表距边框的距离
            right: '20',
            bottom: '0',
            containLabel: true
        },
	    xAxis: {
	        type: 'category',
            axisLabel: {
                textStyle: {
                	color:'#333',
                    fontSize: 12,
				},
            },
            axisTick:{
                show:false  //去掉y轴刻度线
            },
            
            //坐标轴颜色
            axisLine:{
                show:false,
            },
	        data: ['2019-01-10', '2019-01-11', '2019-01-12', '2019-01-13', '2019-01-14', '2019-01-15', '2019-01-16']
	    },
	    yAxis: [
		    {
		    	type: 'value',
		    	min:80,
                max:150,
                interval:10,
		        splitLine: {
		            show: true ,
		            lineStyle: {
		                color: 'rgba(0, 0, 0, 0.08)',
		                width: '1'
		            }
		        },
	            axisLabel: {
	            	textStyle: {
	            		color:'#333',
	                    fontSize: 12,
					},
		            
	            },
	            
	            axisTick:{
	                show:false  //去掉y轴刻度线
	            },
		        //坐标轴颜色
	            axisLine:{
	                show:false,
	            },
		    },
	    ],
		visualMap:{
			orient:'horizontal',     //图例横向展示，vertical纵向展示   
			show:false,            //展示图例
			pieces:[
				{
					min:110,
					max:150,
					symbol:'none',
					label:'收缩压',
					color:'#31A4FF',
					
				},    
				{
					min:80,
					max:110,
					symbol:'none',
					label:'舒张压',
					color:'#FA675C',
				}
			]
		},
	    series: [{
            name: '收缩压',
            type: 'line',
            markLine:{       //平均线设置
				silent:true,    //true 去掉鼠标悬浮该线上的动画
				symbol:'none',   //该线无样式
				label:{
					show:false     //该线上的值去掉
				},
				lineStyle:{        //设置该线样式
					normal:{
						type:'solid',
						color:'#1C9399'
					}
				},
				data:[{
						yAxis:140,    //线的值
						name:'target',
					}]
			},
			data: [120, 132, 115, 125, 140, 120, 125],
        },
        {	
            name: '舒张压',
            type: 'line',
            markLine:{       //平均线设置
				silent:true,    //true 去掉鼠标悬浮该线上的动画
				symbol:'none',   //该线无样式
				label:{
					show:false     //该线上的值去掉
				},
				lineStyle:{        //设置该线样式
					normal:{
						type:'solid',
						color:'#1C9399'
					}
				},
				data:[{
					yAxis:90,    //线的值
					name:'target',
				}]
			},
			data: [95, 105, 103, 98, 105, 92, 99],
        },]
	};
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
})

